<template>
	<div id="J_ContBox" class="m-content-box">
		<div class="top-btn-group">
			<router-link to="/system/editHeadlinesSettings">
				<el-button type="primary">编辑</el-button>
			</router-link>
		</div>
		<div class="m-set-order-box">
			<p class="title">头条设置</p>
			<ul class="set-normal-list mb-30">
				<li>
					<span class="label">头条功能：</span>
					<p class="desc">已开启</p>
				</li>
				<li>
					<span class="label">选取的文章类型：</span>
					<p class="desc">干货技术,瑜伽生活,瑜伽文化,瑜伽名人,瑜伽趣事</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import {
		getXuan
	} from '@/utils/limits.js'
	import {
		mapGetters
	} from 'vuex' // Secondary package based on el-pagination

	export default {
		name: 'ArticleList',
		components: {},
		filters: {
			statusFilter(status) {
				const statusMap = {
					published: 'success',
					draft: 'info',
					deleted: 'danger'
				}
				return statusMap[status]
			}
		},
		data() {
			return {}
		},
		computed: {
			...mapGetters([
				'permission_routes',
				'roles'
			])
		},
		created() {
			var xuanList = [
				// 	{
				// 	name: '约课设置',
				// 	url: '/system/appointmentSettings',
				// 	pd: true
				// }, 
				{
					name: '头条设置',
					url: '/system/headlinesSettings',
					pd: true
				}, {
					name: '广告设置',
					url: '/system/wxAdvertising',
					pd: true
				}, {
					name: '会员自主请假',
					url: '/system/leaveSettings',
					pd: true
				}, {
					name: '卡售价显示设置',
					url: '/system/mcardPriceDisplaySettings',
					pd: true
				}
			]
			var xuanList1 = getXuan(xuanList, this.roles)
			this.$store.dispatch('user/changeXuan', {
				key: 'xuanList',
				value: xuanList1
			})
			this.$store.dispatch('user/changeXuan', {
				key: 'xuan',
				value: 0
			})
		},
		methods: {
			getList() {
				this.listLoading = true

				this.listLoading = false
			},
			open(type) {
				if (type === 'add') {
					this.add_show = false
				}
				if (type === 'update') {
					this.update_show = false
				}
			}

		}
	}
</script>

<style scoped>
	.m-content-box {
		position: relative;
		padding: 30px 63px;
		font-size: 14px;
	}

	.top-btn-group {
		position: relative;
		display: flex;
		justify-content: flex-end;
		margin-top: -18px;
		margin-bottom: 12px;
	}

	.setting-tips__normal {
		padding: 10px 15px;
		display: flex;
		align-items: center;
		border: 1px dashed #f49352;
		color: #f49352;
	}

	.m-set-order-box {
		position: relative;
		margin-bottom: 30px;
	}

	.mb-30 {
		margin-bottom: 30px;
	}

	.tips-icon {
		margin-right: 8px;
	}

	img {
		max-width: 100%;
	}

	img {
		border: 0;
	}

	.m-set-order-box .title {
		position: relative;
		color: #787878;
		font-size: 12px;
		height: 22px;
	}

	.set-normal-list li:nth-child(odd) {
		background: #f2f2f2;
	}

	.set-normal-list li {
		position: relative;
		min-height: 19px;
		padding: 10px 10px 10px 170px;
	}

	.set-normal-list .label {
		position: absolute;
		left: 10px;
		top: 10px;
	}

	ul,
	dl,
	ol {
		list-style: none;
		padding: 0;
		margin-top: 0;
	}

	p {
		margin: 0;
		padding: 0;
		font-weight: 400;
	}
</style>